%%{init: {
'theme': 'dark',
'themeVariables': {
'primaryColor': '#ff9800',
'primaryTextColor': '#fff',
'primaryBorderColor': '#fff',
'lineColor': '#fff',
'secondaryColor': '#006064',
'tertiaryColor': '#4caf50',
'mainBkg': '#2d3436',
'nodeBorder': '#ff9800',
'clusterBkg': '#2d3436',
'clusterBorder': '#ff9800',
'edgeLabelBackground': '#2d3436',
'fontSize': '20px'
},
'flowchart': {
'nodeSpacing': 50,
'rankSpacing': 100,
'curve': 'basis'
}
}}%%
graph TB
Collect[Collect Metrics] --> Analyze{Analysis}
Analyze --> Edge[Edge Analysis]
Analyze --> Origin[Origin Analysis]
Analyze --> Cache[Cache Analysis]
Edge --> TTFB[Edge TTFB]
Edge --> Geo[Geographic Distribution]
Edge --> Errors[Error Rates]
Origin --> Geo[Geographic Distribution]
Origin --> Errors[Error Rates]
Origin --> Response[Origin Response Time]
Cache --> HitRatio[Hit Ratio]
TTFB --> Issues{Issues}
Geo --> Issues
Response --> Issues
Errors --> Issues
HitRatio --> Issues
classDef orange fill:#ff9800,stroke:#fff,stroke-width:4px,color:#fff;
classDef blue fill:#006064,stroke:#fff,stroke-width:4px,color:#fff;
classDef green fill:#4caf50,stroke:#fff,stroke-width:4px,color:#fff;
class Collect,Analyze orange;
class Edge,Origin,Cache blue;
class TTFB,Geo,Response,Errors,HitRatio,Efficiency green;
class Issues orange;